body {
    background-color: var(--themeColor);
}

.main {
    padding-top: .88rem;

    .address {
        padding: .3rem;

        .top {
            .icon {
                width: .22rem;
                height: .29rem;
            }

            .name, .tel {
                font-size: var(--default-font-size-26);
                color: var(--dcl);
                margin-left: .12rem;
            }

            margin-bottom: .22rem;
        }

        .bottom {
            font-weight: 500;
            font-size: var(--default-font-size-28);
            color: var(--dcl);
        }

        .choose {
            font-weight: 500;
            font-size: var(--default-font-size-28);
            color: var(--dcl);
            padding: .2rem 0;
        }

        .more {
            margin-left: .2rem;
        }
    }

    .pro-container {
        .pro-item {
            border-bottom: 1px solid var(--f6);

            .icon {
                width: 1.58rem;
                height: 1.58rem;
                border-radius: .14rem;
            }

            .major {
                margin: 0 .22rem;

                .pro-title {
                    font-weight: 400;
                    font-size: var(--default-font-size-26);
                    color: var(--dcl);
                    margin-bottom: .2rem;
                }

                .spec {
                    font-weight: 400;
                    font-size: .22rem;
                    color: var(--c9);
                }
            }

            .fund {
                .price {
                    font-weight: 500;
                    font-size: var(--default-font-size-28);
                    color: var(--bd);
                    margin-bottom: .1rem;
                }


                .num {
                    font-size: .24rem;
                    color: var(--c9);
                }
            }
        }

        .pro-item:last-child {
            border-bottom: none;
        }

        .pro-item:first-child {
            padding-top: 0;
        }

    }

    .front:before {
        content: '￥';
        font-size: .22rem;
    }

    .layout-lr {
        .item-title {
            font-weight: 500;
            font-size: var(--default-font-size-28);
            color: var(--dcl)
        }

        .value {
            font-weight: 500;
            font-size: var(--default-font-size-28);
            color: var(--dcl);

            .item-inp {
                font-weight: 500;
                font-size: var(--default-font-size-28);
                color: var(--cc);
                text-align: right;
                width: 100%;
            }
        }

        .bdc {
            color: var(--bd);
        }
    }

    .order-footer {
        background: var(--ff);
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: .15rem .3rem;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        gap: .2rem;
        .total-container {
            .front-text::before {
                content: '应付总额：';
                color: var(--dcl);
                font-size: .24rem;
            }

            .total {
                font-size: .3rem;
                color: var(--bd);
                font-weight: bold;
            }

            .other {
                color: var(--c9);
                font-size: .22rem;

                .val {
                    color: var(--dcl) !important;
                }
            }
        }

        .sm-btn {
            font-size: var(--default-font-size-28);
            color: var(--ff);
            background: linear-gradient(270deg, var(--bd) 0%, var(--bd2) 100%);
            border-radius: .4rem;
            padding: .23rem .4rem;
        }
    }

}